<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>熔意网络科技管理系统 v0.1a</title>
<include file="Public:scripts"/>
<script type="text/javascript">
$(document).ready(function(){
	
	/* setup navigation, content boxes, etc... */
	Administry.setup();
	
	// 固定浮动条 //////////////////////////////////////
	(function () {
		var el= $('#pagetitle');
		var ec= $('#page');
		var w = el.next().width();
		var c = ec.offset().top;
		el.css({'top':c, 'width':w});
		$(window).scroll(function () {
			var e = document.body.scrollTop || document.documentElement.scrollTop;
			if (e <= 0) {
				el.css({'top':c.toString()+'px'});
			} else {
				if (e <= c) {
					el.css({'top':(c-e).toString()+'px'});
				} else {
					el.css({'top':0});
				};
			};
		});
	})();
	

	// validate form on keyup and submit
	var validator = $("#sampleform").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			username: {
				required: true,
				minlength: 2
			},
			password: {
				required: true,
				minlength: 5
			},
			password_confirm: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			},
			dateformat: "required",
			terms: "required"
		},
		messages: {
			firstname: "Enter your firstname",
			lastname: "Enter your lastname",
			username: {
				required: "Enter a username",
				minlength: jQuery.format("Enter at least {0} characters")
			},
			password: {
				required: "Provide a password",
				rangelength: jQuery.format("Enter at least {0} characters")
			},
			password_confirm: {
				required: "Repeat your password",
				minlength: jQuery.format("Enter at least {0} characters"),
				equalTo: "Enter the same password as above"
			},
			email: {
				required: "Please enter a valid email address",
				minlength: "Please enter a valid email address"
			},
			dateformat: "Choose your preferred dateformat",
			terms: " "
		},
		// the errorPlacement has to take the layout into account
		errorPlacement: function(error, element) {
			error.insertAfter(element.parent().find('label:first'));
		},
		// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			alert("Data submitted!");
		},
		// set new class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("ok");
		}
	});
	
	// propose username by combining first- and lastname
	$("#username").focus(function() {
		var firstname = $("#firstname").val();
		var lastname = $("#lastname").val();
		if(firstname && lastname && !this.value) {
			this.value = firstname + "." + lastname;
		}
	});

});
</script>
</head>
<body>
	<!-- Header -->
	<header id="top">
		<div class="wrapper">
			<!-- Title/Logo - can use text instead of image -->
			<include file="Public:title"/>
			<!-- Top navigation -->
			<div id="topnav">
				<a href="#"><img class="avatar" src="/public/demo/img/user_32.png" alt="" /></a>
				登录为 <b>Admin</b>
				<span>|</span> <a href="/settings">设置</a>
				<span>|</span> <a href="/logout">退出</a><br />
				<small>您有 <a href="/message/unread" class="high"><b>1</b> 新消息!</a></small>
			</div>
			<!-- End of Top navigation -->
			<!-- Main navigation -->
			<include file="Public:menu"/>
			<!-- End of Main navigation -->
			<!-- Aside links -->
			<!-- aside><b>English</b> &middot; <a href="#">Spanish</a> &middot; <a href="#">German</a></aside -->
			<!-- End of Aside links -->
		</div>
	</header>
	<!-- End of Header -->
	<!-- Page title -->
	<div id="pagetitle" style="position:fixed;z-index:20;">
		<div class="wrapper">
			<h1>渠道&nbsp;&nbsp;&bull;&nbsp;&nbsp;管理LBS地理围栏设置与规则</h1>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper" style="margin-top:52px;">
				<!-- Left column/section -->
				<section class="column width6 first">
					
					<h4>LBS地理围栏规则: <a href="#">4个</a></h4>
					
					<table id="report" class="stylized full">
						<thead>
							<tr>
								<th>规则编号</th>
								<th>渠道</th>
								<th>匹配精度</th>
								<th class="ta-right">创建时间</th>
								<th class="ta-right">操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="title"><a href="#"><b>R0001</b></a></td>
								<td>LINcTEX</td>
								<td>自动匹配到城市</td>
								<td class="ta-right">2014-01-23 12:55</td>
								<td class="ta-right"><a href="#">修改</a>&nbsp;|&nbsp;<a href="#">删除</a></td>
							</tr>
							<tr>
								<td class="title"><a href="#"><b>R0002</b></a></td>
								<td>菊赖服饰</td>
								<td>手工匹配</td>
								<td class="ta-right">2014-01-23 12:55</td>
								<td class="ta-right"><a href="#">修改</a>&nbsp;|&nbsp;<a href="#">删除</a></td>
							</tr>
						</tbody>
					</table>
					
					<form id="sampleform" method="post" action="#">

						<fieldset>
							<legend>LBS地理围栏规则设置</legend>
							<p>
								<label class="required" for="firstname">所属渠道:</label><br/>
								<select id="select1" class="qtr" name="select1">
									<option value="1">LINcTEX</option>
									<option value="2">菊赖服饰</option>
									<option value="3">三只松鼠</option>
								</select>
							</p>

							<p>
								<label class="required" for="firstname">规则编号:</label><br/>
								<input type="text" id="firstname" class="qtr" value="" name="firstname"/>
							</p>

							<p>
								<label class="required" for="firstname">LBS匹配精度:</label><br/>
								<input type="radio" id="agent_type1" class="" value="mdy" name="agent_type" checked="checked"/>
								<label class="choice" for="agent_type1">自动匹配到城区： 
								适用于在一个城市有多个微店的场景</label><br/>
								<input type="radio" id="agent_type2" class="" value="mdy" name="agent_type"/>
								<label class="choice" for="agent_type2">自动匹配到城市：
								适用于在一个城市只有一个微店的场景</label><br/>
								<input type="radio" id="agent_type3" class="" value="mdy" name="agent_type"/>
								<label class="choice" for="agent_type3">自动匹配到省/自治区/直辖市： 
								适用于省份总代的场景</label><br/>
								<input type="radio" id="agent_type4" class="" value="mdy" name="agent_type"/>
								<label class="choice" for="agent_type4">手工匹配：
								适用于一个微店涵盖多个地区的场景(例如多个城区的交易金额都归于一个微店名下)<br/>
								<select id="select1" class="qtr" name="select1">
									<option value="1">北京</option>
									<option value="2">上海</option>
									<option value="3">天津</option>
									<option value="4">南京</option>
									<option value="5">黑龙江</option>
								</select>
								<select id="select1" class="qtr" name="select1">
									<option value="1">北京市</option>
									<option value="2">郊县</option>
								</select>
								<select id="select1" class="qtr" name="select1">
									<option value="1">东城</option>
									<option value="2">西城</option>
								</select><input type="button" id="terms" value="+"/><br/>
								<textarea id="area3" class="half" name="area3" rows="6" readonly="readonly">上海 - 上海市 - 闸北
上海 - 上海市 - 杨浦
上海 - 上海市 - 宝山
								</textarea>
								</label>
							</p>
							
							<p class="box"><input type="submit" class="btn btn-green big" value="保存规则"/> &nbsp; <input type="reset" class="btn" value="重置"/></p>

						</fieldset>

					</form>
				
					<div class="clear">&nbsp;</div>
				
				</section>
				<!-- End of Left column/section -->
				
				<!-- Right column/section -->
				<aside class="column width2">
					<div id="rightmenu">
						<header>
							<h3>账户信息</h3>
						</header>
						<dl class="first">
							<dt><img width="16" height="16" alt="" src="/public/demo/img/key.png"></dt>
							<dd><a href="#">企业账户 (admin)</a></dd>
							<dd class="last">30d体验版.</dd>
							
							<dt><img width="16" height="16" alt="" src="/public/demo/img/help.png"></dt>
							<dd><a href="#">技术支持</a></dd>
							<dd class="last">相关技术支持请查看 http://doc.f-fusion.com</dd>
						</dl>
					</div>
				</aside>
				<!-- End of Right column/section -->
				
		</div>
		<!-- End of Wrapper -->
	</div>
	<!-- End of Page content -->
	
	<!-- Page footer -->
	<include file="Public:footer"/>
	<!-- End of Page footer -->
	
	<!-- Animated footer -->
	<include file="Public:footer-float"/>
	<!-- End of Animated footer -->
	
	<!-- Scroll to top link -->
	<include file="Public:go"/>

</body>
</html>